<div id="content_header">
  <h3>Activities</h3>
</div>

<div class="row">

</div>

<div class="row">
  <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
    <dl>
      <dt>Course</dt>
      <dd>{{ courseschedule.Course.CourseLevel.Name }} - {{ courseschedule.Course.CourseLevel.Code }}</dd>
      <dt>Time</dt>
      <dd>{{ courseschedule.TimeClass.StartTime | date: 'shortTime'  }} - {{ courseschedule.TimeClass.EndTime | date: 'shortTime' }}</dd>
      <dt>Day</dt>
      <dd>{{ courseschedule.DayClass.DayRange }}</dd>
      <dt>Teacher</dt>
      <dd>{{ TeacherTypes[courseschedule.Course.TeacherType].Code }}</dd>
    </dl>
  </div>
  <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
    <a href="#">Student Photos</a>
  </div>

  <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 table-responsive">
    <table class="table table-striped table-hover table-bordered">
      <thead>
        <tr>
          <th class="text-center">Student</th>
          <th class="text-center" ng-repeat="activity in courseschedule.CourseActivities">{{ activity.Date | date:'dd/MM' }}</th>
          <th class="text-center" ng-repeat="subject in subjects">{{ subject.Subject.Code }}</th>
        </tr>
      </thead>
      <tbody>
        <tr ng-repeat="student in enrollments">
          <td>{{ student.Student.FullName }}</td>
          <td class="text-center" ng-repeat="activity in courseschedule.CourseActivities"></td>
          <td class="text-center" ng-repeat="subject in subjects"></td>
        </tr>
      </tbody>
    </table>

  </div>
</div>
{{ validation }}